// .column-container{
//     width:100%;
//     display: flex;
//     flex-direction: column;
//     margin-bottom: 20rpx;
// }

// .column-container:nth-child(1){
//     height:400rpx;
// }

// .head{
//     position: relative;
// }

// .head-img{
//     width:750rpx;
//     height:400rpx;
// }

// .sum-container{
//     position: absolute;
//     top:0;
//     display: flex;
//     flex-direction: column;
//     align-items: center;
//     width:100%;
// }

// .more-line{
//     height:50rpx;
//     border:1px solid #fff;
// }

// .head-container{
//     display: inline-flex;
//     flex-direction: column;
//     align-items: center;
//     justify-content: center;
//     height:260rpx;
//     width:100%;
// }

// .more-container{
//     height:140rpx;
//     display: flex;
//     flex-direction: row;
//     align-items: center;
//     align-content: space-around;
//     justify-items: center;
// }

// .more-block{
//     display:flex;
//     flex-direction: column;
//     align-items: center;
//     width:250rpx;
// }

// .head-price{
//     color:#fff;
//     font-size: 60rpx;
//     font-weight: 400;
// }
// .head-text{
//     color:#fff;
//     font-size: 30rpx;
// }
// .more-price{
//     color:#fff;
//     font-size: 32rpx;
// }
// .more-text{
//     color:#fff;
//     font-size: 24rpx;   
// }

// .more-wrap{
//     display: flex;
//     flex-direction: column;
//     align-items: center;
//     justify-content: center;
// }

// .remarktext{
//     font-size: 30rpx;
//     margin-right: 10rpx;
// }

// .desc-container{
//     height:150rpx;
//     width:100%;
//     background-color: #fff;
//     display: flex;
//     flex-direction: row;
//     justify-content: space-around;
//     align-items: center;
//     border-top:1px solid #e9e9e9;
// }

// .block{
//     display: flex;
//     flex-direction: column;
//     align-items: center;
// }

// .count{
//     font-size: 38rpx;
//     font-weight: 800;
// }

// .flag{
//     font-size: 24rpx;
//     color:#666;
// }

// .light{
//     color:#ff9a41;
// }


// .inviter-container{
//     height:120rpx;
//     background-color: #fff;
//     border-top: 1px solid #e9e9e9;
//     display: flex;
//     flex-direction: row;
//     align-items: center;
//     width:702rpx;
//     padding:0 24rpx;
//     justify-content: space-between;
// }

// .face-container{
//     // width:60rpx;
//     // height:60rpx;
//     border-radius: 50%;
//     // margin-right: 20rpx;
//     display: flex;
//     flex-direction: row;
//     align-items: center;
// }

// .line{
//     height:36rpx;
//     border:2rpx solid #ff5000;
//     margin-right: 20rpx;
// }

// .inviter-name{
//     font-size: 34rpx;
//     color:#333;
// }

// .face-img{
//     width:60rpx;
//     height:60rpx;
//     border-radius: 50%;
//     margin-right:20rpx;
// }

// .no-user{
//     font-size: 28rpx;
//     color:#666;
// }



// 会员界面重构样式
page{
  background-color: #f9f9f9;
}

.column-container{
  width: 750rpx;
  height: 400rpx;
  background: url('%ASSETS_IMG%/l-gold-buy1@2x.png') no-repeat;
  background-size: cover;
  position: relative;
  .gold-buy-btn{
    position: absolute;
    top: 260rpx;
    left: 95rpx;
    width: 560rpx;
    font-size: 28rpx;
    color: #292F3A;
    font-weight: 600;
    line-height:66rpx;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    .price{
      font-size: 34rpx;
      color: #292F3A;
      font-weight: 600;
      line-height:33rpx;
    }
    .text{
      font-size: 34rpx;
      color: #292F3A;
      font-weight: 600;
      margin-left: 20rpx;
      line-height:33rpx;
    }
  }
}



.manager-top{
  width:100%;
  height:430rpx;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #999999;
  background: url('%ASSETS_IMG%/l-gold-banner@2x.png') no-repeat;
  background-size: cover;
  .commission-num {
    margin-top: 84rpx;
    font-size: 48rpx;
    color: #432c00;
    height: 54rpx;
  }

  .commission-num text {
    display: inline-block;
    font-size: 72rpx;
    line-height: 72rpx;
    height: 54rpx;
  }

  .commission-text {
    margin-top: 20rpx;
    font-size: 24rpx;
    color: #432c00;
  }

  .commission-col {
    margin-top: 48rpx;
    display: flex;
    flex-direction: row;
  }

  .commission-col-left,
  .commission-col-right {
    width: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .total-num {
    font-size: 36rpx;
    color: #432c00;
  }

  .total-text {
    margin-top: 10rpx;
    font-size: 20rpx;
    color: #432c00;
  }

  .commission-btn {
    margin-top: 26rpx;
  }

  .checkDetail {
    display: inline-block;
    width: 280rpx;
    height: 70rpx;
    border-radius: 36rpx;
    text-align: center;
    line-height: 70rpx;
    font-size: 32rpx;
    color: #fce4ba;
    background: linear-gradient(to right, #656565, #373737)
  }
}

.manager-top-3{
  width:100%;
  height:510rpx;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #999999;
  background: url('%ASSETS_IMG%/l-blackgold-new.png') no-repeat;
  background-size: cover;
  .commission-tabs{
    margin: 33rpx 26rpx 0;
    width: 698rpx;
    height: 90rpx;
    display: flex;
    flex-direction: row;
    // align-items: center;
    .commission-tab{
      flex: 1;
      line-height: 90rpx;
      height: 90rpx;
      font-size:30rpx;
      font-weight:100;
      color:rgba(255,246,213,1);
    }
    .commission-tabs-left{
      width: 50%;
      height: 90rpx;
      background: url('%ASSETS_IMG%/l-manager-black-left.png') no-repeat;
      background-size: cover;
    }
    .commission-tabs-right{
      width: 50%;
      height: 90rpx;
      background: url('%ASSETS_IMG%/l-manager-black-right.png') no-repeat;
      background-size: cover;
    }
  }
  .commission-num {
    margin-top: 41rpx;
    font-size: 24rpx;
    color: #fbefc0;
    // line-height: 54rpx;
  }

  .commission-num text {
    display: inline-block;
    font-size: 72rpx;
    // line-height: 72rpx;
    // line-height: 54rpx;
  }

  .commission-text {
    // margin-top: 20rpx;
    font-size: 24rpx;
    color: #fbefc0;
  }

  .commission-col {
    margin-top: 58rpx;
    display: flex;
    flex-direction: row;
  }

  .commission-col-left,
  .commission-col-right {
    width: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }

  .total-num {
    font-size: 36rpx;
    color: #fbefc0;
  }

  .total-text {
    margin-top: 10rpx;
    font-size: 20rpx;
    color: #fbefc0;
  }

  .commission-btn {
    margin-top: 26rpx;
  }
  .checkDetail-2 {
    display: inline-block;
    width: 280rpx;
    height: 70rpx;
    border-radius: 36rpx;
    text-align: center;
    line-height: 70rpx;
    font-size: 32rpx;
    color: #432C00;
    background: linear-gradient(to right, #C39E5E, #E7CA83)
    }
  }
  





.fans{
  margin:24rpx;
  width:638rpx;
  // height:252rpx;
  background-color: #ffffff;
  border-radius: 18rpx;
  padding:40rpx 32rpx;
  display: flex;
  flex-direction: column;
  box-shadow: #dddddd 0px 0px 8rpx ;
}

.fans-top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.fans-top-arrow{
  width:18rpx;
  height:22rpx;
  margin-left:10rpx;
}

.fans-top-left{
  font-size: 28rpx;
  color:#E0AE90;
}

.fans-top-left1{
  font-size: 28rpx;
  color:#cca05e;
}

.fans-top-right{
  font-size: 26rpx;
  color:#5A5A5A;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.fans-top-right1{
  font-size: 26rpx;
  color:#666666;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.fans-top-right text{
  color:#252934;
}

.fans-top-right1 text{
  color:#cca05e;
}

.fans-banner{
  padding:52rpx 0;
  height:54rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  // border-bottom:1rpx solid #e9e9e9;
}

.fans-banner-left{
  font-size: 70rpx;
  color:#333333;
}

.fans-banner-right{
  display: flex;
  flex-direction: row;
}

.yesterday{
  margin-left:100rpx;
}

.today,
.yesterday{
  display: flex;
  flex-direction: column;
  text-align: center; 
}

.today text:nth-child(1),
.yesterday text:nth-child(1){
  font-size: 20rpx;
  color:#666666;
}

.today text:nth-child(2){
  font-size: 36rpx;
  color:#E0AE90;
}

.today1 text:nth-child(2){
  font-size: 36rpx;
  color:#dcae61;
}

.yesterday text:nth-child(2){
  font-size: 36rpx;
  color:#333333;
}

.inviter{
  margin-top:40rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.inviter text{
  font-size: 28rpx;
  color:#cca05e;
}


.userFans-left{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inviter-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin:30rpx 0 0;
}

.contactUs {
  display: inline-block;
  width: 122rpx;
  height: 50rpx;
  border-radius: 10rpx;
  background-color: #cfa25e;
  text-align: center;
  font-size: 28rpx;
  color: #ffffff;
  line-height: 50rpx;
}

.face-container{
    // width:60rpx;
    // height:60rpx;
    border-radius: 50%;
    // margin-right: 20rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.inviter-name{
    font-size: 34rpx;
    color:#333;
}

.face-img{
    width:60rpx;
    height:60rpx;
    border-radius: 50%;
    margin-right:20rpx;
}

.no-user{
    font-size: 28rpx;
    color:#666;
}

.invite{
  margin:40rpx 24rpx 0;
  width:702rpx;
  border-radius: 18rpx;
  box-shadow: #dddddd 0px 0px 8rpx ;
}

.invite-btn{
  margin:40rpx 24rpx 0;
  width:702rpx;
  height:100rpx;
  border-radius: 18rpx;
  background-color: #E0AE90;
  color:#ffffff;
  font-size: 32rpx;
  text-align: center;
  line-height: 100rpx;
  // box-shadow: 0 0 2rpx #222222;
}

.invite-btn1{
  margin:40rpx 24rpx 0;
  width:702rpx;
  height:100rpx;
  border-radius: 18rpx;
  background-color: #cfa25e;
  color:#ffffff;
  font-size: 32rpx;
  text-align: center;
  line-height: 100rpx;
  // box-shadow: 0 0 2rpx #222222;
}

.task-btn {
  margin: 40rpx 24rpx 120rpx;
  width: 702rpx;
  height: 100rpx;
  border-radius: 18rpx;
  background-color: #ffffff;
  color: #E0AE90;
  font-size: 32rpx;
  text-align: center;
  line-height: 100rpx;
  border:2rpx solid #E0AE90;
  // box-shadow: 0 0 1rpx #222222;
}

.task-btn1 {
  margin: 40rpx 24rpx 120rpx;
  width: 702rpx;
  height: 100rpx;
  border-radius: 18rpx;
  background-color: #d59f4d;
  color: #E0AE90;
  font-size: 32rpx;
  text-align: center;
  line-height: 100rpx;
  border:2rpx solid #dec69d;
  // box-shadow: 0 0 1rpx #222222;
}

.translateB {
  transform: rotate(90deg);
  transition: transform 0.2s linear;
}

.guide{
  width:351px;
  height:65px;
  background: url('%ASSETS_IMG%/l-manager-guide3@2x.png') no-repeat;
  background-size: contain;
  margin:20px auto;
}